@media (min-width: 1200px) {
  .w8 {
    width: 1000px;
  }

  .minw {
    min-width: 1200px;
  }
}

@media (max-width: 1199px) {
  .w8 {
    min-width: 1000px;
    max-width: 1000px;
  }

  .minw {
    min-width: 1000px;
  }
}

.w8 {
  margin: 0 auto;
}

.minw {
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.row {
  display: flex;
  flex-flow: row;
}

.rows {
  display: flex;
  flex-flow: row wrap;
}

.rb {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.ra {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

.cb {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.ca {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}

.rc {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.cc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tc {
  text-align: center;
}

.hover:hover {
  color: rgb(238, 108, 110);
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.bbg {
  background: rgb(248, 245, 245);
}

@font-face {
  font-family: "font1";
  src: url("@/assets/font/c.ttf");
  /* src: url("@/"); */
}

@font-face {
  font-family: "font2";
  src: url("@/assets/font/b.ttf");
}

@font-face {
  font-family: "font3";
  src: url("@/assets/font/d.ttf");
}

@font-face {
  font-family: "font4";
  src: url("@/assets/font/e.ttf");
}

@font-face {
  font-family: "font5";
  src: url("@/assets/font/tu.ttf");
}

@font-face {
  font-family: "font6";
  src: url("@/assets/font/wite.ttf");
}